<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // fetch('http://ajax-base-api-t.itheima.net/api/getbooks').then(res => {
        //     //res是一个Response对象，需要特定的方法获取其中的内容
        //     console.log(res);
        //     //res.json()是一个异步操作，表示取出所有的内容，将其转化成JSON对象
        //     return res.json();
        // }).then(json => {
        //     console.log(json);
        // }).catch(err => {
        //     console.log(err);
        // })

        //改成async，await
        async function getData() {
            try {
                let result = await fetch('http://ajax-base-api-t.itheima.net/api/getbooks?id=2')
                let json = await result.json()
                console.log(json);
            } catch (error) {
                console.log(error);
            }
        }
        getData()
    </script>
</body>

</html>